
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>注册</title>
    <script type="application/x-javascript">
    function check(){
         var username=document.getElementById("username").value;
         var patten= new RegExp("^[a-zA-Z][a-zA-Z0-9]{5,9}$");
         if(!patten.test(username)){
             alert("用户名必须是字母和数字的组合，并且不能以数字开头，最少6位,最多不超过10位");
             return false;
         }


         var password=document.getElementById("password").value;
         patten=new RegExp("^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@_])[0-9A-Za-z!@_]{8,20}$");
         if(!patten.test(password))
         {
             alert("请输入密码，密码是字母与数字以及_@!组成的字母并且最少8位,最多不超过20位")
             return false;
         }


        var password2=document.getElementById("password2").value;
         if(password!=password2){
             alert("两次密码输入不一致")
             return false;
         }

        var name=document.getElementById("name").value;
        patten=new RegExp("^[\u4E00-\u9FA5]{2,5}$");
        if(!patten.test(name))
        {
            alert("请输入正确的中文名字，2-5个汉字")
            return false;
        }

        var phone=document.getElementById("phone").value;
        patten=new RegExp("^1[3456789]\d{9}$");
        if(!patten.test(phone))
        {
            alert("请输入正确中国大陆手机号码")
            return false;
        }

        var idcard=document.getElementById("idcard").value;
        patten=new RegExp("^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$");
        if(!patten.test(idcard))
        {
            alert("请输入正确中国18位身份证号")
            return false;
        }

        var age=document.getElementById("age").value;
         if(isNaN(age)){
             alert("请输入一个数字")
             return false;
         }else{
            if(parseInt(age)>60||parseInt(age)<3){
                alert("年龄只能在3到60之间");
                return false;
            }
         }


        var birth=document.getElementById("birth").value;
        patten=new RegExp("^(18|19|20|(3\d))\d{2}-((0[1-9])|(1[0-2]))-(([0-2][1-9])|10|20|30|31)$");
        if(!patten.test(birth))
        {
            alert("请输入正确的出生日期，格式为yyyy-MM-dd")
            return false;
        }


        var email=document.getElementById("email").value;
        patten=new RegExp("^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$");
        if(!patten.test(email))
        {
            alert("请输入正确的电子邮箱地址")
            return false;
        }

        var qq=document.getElementById("qq").value;
        patten=new RegExp("^[1-9][0-9]{4,}$");
        if(!patten.test(qq))
        {
            alert("请输入正确的qq号码")
            return false;
        }

        var address=document.getElementById("address").value;
        patten=new RegExp("^\.{4,}$");
        if(!patten.test(address))
        {
            alert("请输入正确地址，地址长度不能小于4")
            return false;
        }

        return true;
    }


    </script>


</head>
<body>
<center>
    <h1>欢迎注册无良凉皮会员</h1>
    <form action="doregister.jsp" onsubmit="return check();">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="username" id="username"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="password" id="password"></td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password" name="password2" id="password2"></td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td><input type="text" name="name" id="name"></td>
            </tr>
            <tr>
                <td>手机号：</td>
                <td><input type="text" name="phone" id="phone"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" value="1">男
                    <input type="radio" name="sex" value="0" checked>女
                </td>
            </tr>
            <tr>
                <td>身份证号：</td>
                <td><input type="text" name="idcard" id="idcard"></td>
            </tr>
            <tr>
                <td>年龄：</td>
                <td><input type="text" name="age" id="age"></td>
            </tr>

            <tr>
                <td>出生日期：</td>
                <td><input type="text" name="birth" id="birth"></td>
            </tr>
            <tr>
                <td>电子邮箱：</td>
                <td><input type="text" name="email" id="email"></td>
            </tr>
            <tr>
                <td>QQ:</td>
                <td><input type="text" name="qq" id="qq"></td>
            </tr>
            <tr>
                <td>地址:</td>
                <td><input type="text" name="address" id="address"></td>
            </tr>
            <tr>
                <td><input type="submit" value="无论如何我要吃凉皮"></td>
                <td><input type="reset" value="太苛刻了，我不吃了"></td>
            </tr>
        </table>
    </form>


</center>

</body>
</html>
